<template>
	<div>
		<div style="padding: 10px 20px">
			<div class="wos-table-line wos-flex">
				<div style="line-height: 38px;padding-right: 20px">日志记录时间</div>
				<div><a-date-picker show-time :placeholder="nowTime" /></div>
				<div style="padding: 0 20px;text-align:center;line-height: 30px">-</div>
				<div><a-date-picker show-time :placeholder="nowTime" /></div>
				<div class="wos-flex-auto wos-align-right">
					<button class="wos-btn wos-btn-yes" style="width: 120px">查询</button>
				</div>
			</div>
			<div class="wos-table">
				<wos-table :record="zhu" ></wos-table>
			</div>
		</div>
		<div class="console" style="margin-top: 60px">
		</div>
	</div>
</template>

<script>
    export default {
        name: "log",
	    computed:{
            nowTime:function(){
                const myDate = new Date;
                const year = myDate.getFullYear();//获取当前年
                const month = myDate.getMonth()+1;//获取当前月
                const date = myDate.getDate();//获取当前日
                const hour = myDate.getHours();//获取当前小时数(0-23)
                const minute = myDate.getMinutes();//获取当前分钟数(0-59)
                const second = myDate.getSeconds();//获取当前秒
                return `${year}-${month}-${date}   ${hour}:${minute}:${second}`
            }
	    },
        data: function () {
            return {
                zhu: {
                    "thead": [
                        {
                            "type": "String",
                            "name": "序号"
                        },
                        {
                            "type": "String",
                            "name": "记录时间"
                        },
                        {
                            "type": "String",
                            "name": "事件类型"
                        },
                        {
                            "type": "String",
                            "name": "详细信息"
                        }
                    ],
                    "tbody": [
                        []
                    ]
                }
            }
        }
    }
</script>

<style scoped>

</style>
